<style type="text/css">
div#rMenu {position:absolute; visibility:hidden; top:0; background-color: #555;text-align: left;padding: 2px;}
div#rMenu ul li{
	margin: 1px 0;
	padding: 0 5px;
	cursor: pointer;
	list-style: none outside none;
	background-color: #DFDFDF;
}
form{
	margin-top: 20px;
}
form span{
	float:left;
	width: 70px;	
}
form input[type=text],textarea{
	float:left;
	width: 300px;	
}
form .rdiv{
	color: red;
}
</style>
<!--右边栏 Start-->
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12" id="logsBody">
            <div class="page-header fm-hd">
                <h4><span style="font-size:12px;">当前位置：后台管理&nbsp;&gt;&nbsp;</span>家谱管理</h4>
            </div>
            <!-- 内容  开始 -->
            <div class="order-list">
	            <div style="width : 300px;border: 1px solid red;float: left;">
	            	<ul id="treeDemo" class="ztree"></ul>
	            </div>
	            <div  style="margin-left:50px;  width: 400px;border: 0px solid red;float: left;">
					<form id="rolefrm">
						<span>父级ID:</span><input type="text" name="pid" id="pid" readonly="readonly"/><br/><br/>
						<span>父级名字:</span><input type="text" name="pname" id="pname" readonly="readonly"/><br/><br/>
						<span>姓:</span><input type="text" name="surname" id="surname" value="严"/><br/><br/>
						<span>名:</span><input type="text" name="person_name" id="person_name"/><br/><br/>
						<input type="button" value="保存"/>
					</form>
					<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
						<ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;"></ul>
					</div>
				</div>
            </div>	            
            <!-- 内容  结束 -->
        </div>
    </div>
</div>

<div id="rMenu">
	<ul>
		<li id="m_add" onclick="addTreeNode();">增加节点</li>
		<li id="m_edit" onclick="editTreeNode();">修改节点</li>
		<li id="m_del" onclick="delTreeNode();">删除节点</li>
	</ul>
</div>
<!--右边栏 End-->
